<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- <link rel="shortcut icon" href="static/favicon.ico" type="image/x-icon"> -->
    <link rel="stylesheet" type="text/css" href="/public/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="/public/css/register.css" />
    <style>
        #tag{
            font-size: 18px;
            color: red;
        }
    </style>
</head>

<body>
    <div class="pos">
        <div class="login">
            <span class="close iconfont icon-close"></span>
            <img src="/public/img/login/loginlogo.png" alt="">
            <ul>
                <li></li>
                <li class="phone">注册</li>
                <li></li>
            </ul>

            <input style="margin-top: 0;" type="text" name="username" id="username" placeholder="请输入您的用户名">

            <input type="password" name="password" id="password" placeholder="请输入密码">

            <input type="password" name="repwd" id="repwd" placeholder="请再次输入密码">

            <div class="clear"></div>
            <button class="loginbtn">注册</button>
            <p>
                <input type="checkbox" class="xuanze" />
                <span><a href="javascript:;">我同意 《用户使用协议》</a></span>
                <span>
                    已有账号
                    <a href="javascript:;">去登陆</a>
                </span>
            </p>
            <div id="tag"></div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $('.loginbtn').click(() => {
            let username=$('#username').val()
            let password =$('#password').val()
            let repwd = $('#repwd').val()
            $.ajax({
                method: 'post',
                url: '/register',
                data: {
                    username,
                    password,
                    repwd
                },
                success(res) {
                    console.log(res);
                    $('#tag').text(res.msg)
                }
            })

        })

    </script>
</body>

</html>